<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  
</body>
<script>

  // const s1 = Symbol();
  // const s2 = Symbol();

  // console.log(s1);
  // console.log(typeof s1);
  // console.log(s1 === s2);


  // 开始表示开始功能，暂停表示暂停功能，复位表示复位功能
  // 状态库
  // const state = {
  //   a: "暂停",
  //   b: "暂停",
  //   c: "暂停"
  // };
  // const state = {
  //   a: Symbol("开始"),
  //   b: Symbol("开始"),
  //   c: Symbol("开始")
  // };

  // let now = state.a;

  // document.onclick = function(){
  //   if(now === state.a){
  //     console.log("执行开始功能");
  //     now = state.b;
  //   }else if(now === state.b){
  //     console.log("执行暂停功能");
  //     now = state.c;
  //   }else if(now === state.c){
  //     console.log("执行复位功能");
  //     now = state.a;
  //   }
  // }



  // ==========


  // const obj = {
  //   name:"admin",
  //   name:"root"
  // }
  // console.log(obj);

  // 需求：一个对象内存在多个name属性

  const s1 = Symbol("name");
  const s2 = Symbol("name");

  const obj = {};

  obj[s1] = "admin";
  obj[s2] = "root";

  console.log(obj);

  console.log(obj[s1]);
  console.log(obj[s2]);





  
</script>
</html>